<%@ page language="java" contentType="text/html; charset=UTF-8" isErrorPage="true"
	pageEncoding="UTF-8"%>
<%@ page import="fy.bean.*,java.util.*"%>
<%
	WhzbBean whzb1 = new WhzbBean();
	List<WhzbBean> whzblist1 = whzb1.findAllByLb("fxyd");
	List<WhzbBean> newlist = whzb1.findAllByLb("fxyd");
	
	PictureBean picture1 = new PictureBean();
	List<PictureBean> tplb1 = picture1.findsfgkByLb("dblb");
	PictureBean picture3 = new PictureBean();
	List<PictureBean> tplb3 = picture1.findsfgkByLb("lmtp");
	CatelogBean catelogBean = new CatelogBean();
	List<CatelogBean> catelogList = catelogBean.findAllByHLb("whzb");
	String lb = catelogList.get(0).getCategory();
	CatelogBean catelogBean1 = new CatelogBean();
	catelogBean1 = catelogBean1.findAllByLb(lb);
%>
<!DOCTYPE html>
<html>

<head>
<title>法院文化-赣州经济技术开发区人民法院</title>
<meta charset="utf-8">
<link rel="shortcut icon" type="image/x-icon" href="../img/title.jpg">
<link rel="stylesheet" type="text/css" href="../css/1.css">
<link rel="stylesheet" type="text/css" href="../css/2.css">
<link rel="stylesheet" href="../css/css5.css" />
<link rel="stylesheet" type="text/css" href="../css/css2.5.css"
	media="screen" />

<script src="../js/jquery.js"></script>
<script src="../js/index.js"></script>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="stylesheet" type="text/css" href="../css/zzsc.css" />
<link rel="stylesheet" type="text/css" href="../css/new.css">
<link rel="stylesheet" type="text/css" href="../css/1.css">
<link rel="stylesheet" type="text/css" href="../css/2.css">
<link rel="stylesheet" type="text/css" href="../css/3.css">
<link type="text/css" rel="Stylesheet" href="../css/11.css">
<link type="text/css" rel="stylesheet" href="../css/carousel.css">
<style type="text/css">
a {
	text-decoration: none;
	color: black;
}
</style>

</head>

<body>
	<div class="news_top">
		<div class="c-banner">
			<div class="top_up">
				<div class="top_hare">
					<div class="top_picture">
						<img src="../img/国徽.png">
					</div>
					<div class="top_words">
						<span>赣州经济技术开发区人民法院</span>
					</div>

				</div>
			</div>
			<div class="banner">
				<ul>
					<%
						for (int i = 0; i < tplb1.size(); i++) {
					%>

					<li><img src="<%=tplb1.get(i).getPicture()%>"></li>
					<%
						}
					%>
				</ul>
			</div>

			<script type="text/javascript" src="../js/jquery.js"></script>
			<script type="text/javascript">
				//定时器返回值
				var time = null;
				//记录当前位子
				var nexImg = 0;
				//用于获取轮播图图片个数
				var imgLength = $(".c-banner .banner ul li").length;
				//当时动态数据的时候使用,上面那个删除
				// var imgLength =0;
				//设置底部第一个按钮样式
				$(".c-banner .jumpBtn ul li[jumpImg=" + nexImg + "]").css(
						"background-color", "black");

				//页面加载
				$(document).ready(function() {
					// dynamicData();
					//启动定时器,设置时间为3秒一次
					time = setInterval(intervalImg, 3000);
				});

				//点击上一张
				$(".preImg")
						.click(
								function() {
									//清楚定时器
									clearInterval(time);
									var nowImg = nexImg;
									nexImg = nexImg - 1;
									console.log(nexImg);
									if (nexImg < 0) {
										nexImg = imgLength - 1;
									}
									//底部按钮样式设置
									$(".c-banner .jumpBtn ul li").css(
											"background-color", "white");
									$(
											".c-banner .jumpBtn ul li[jumpImg="
													+ nexImg + "]").css(
											"background-color", "black");

									//将当前图片试用绝对定位,下一张图片试用相对定位
									$(".c-banner .banner ul img").eq(nowImg)
											.css("position", "absolute");
									$(".c-banner .banner ul img").eq(nexImg)
											.css("position", "relative");

									//轮播淡入淡出
									$(".c-banner .banner ul li").eq(nexImg)
											.css("display", "block");
									$(".c-banner .banner ul li").eq(nexImg)
											.stop().animate({
												"opacity" : 1
											}, 1000);
									$(".c-banner .banner ul li")
											.eq(nowImg)
											.stop()
											.animate(
													{
														"opacity" : 0
													},
													1000,
													function() {
														$(".c-banner ul li")
																.eq(nowImg)
																.css("display",
																		"none");
													});

									//启动定时器,设置时间为3秒一次
									time = setInterval(intervalImg, 3000);
								})

				//点击下一张
				$(".nexImg").click(function() {
					clearInterval(time);
					intervalImg();
					time = setInterval(intervalImg, 3000);
				})

				//轮播图
				function intervalImg() {
					if (nexImg < imgLength - 1) {
						nexImg++;
					} else {
						nexImg = 0;
					}

					//将当前图片试用绝对定位,下一张图片试用相对定位
					$(".c-banner .banner ul img").eq(nexImg - 1).css(
							"position", "absolute");
					$(".c-banner .banner ul img").eq(nexImg).css("position",
							"relative");

					$(".c-banner .banner ul li").eq(nexImg).css("display",
							"block");
					$(".c-banner .banner ul li").eq(nexImg).stop().animate({
						"opacity" : 1
					}, 1000);
					$(".c-banner .banner ul li").eq(nexImg - 1).stop().animate(
							{
								"opacity" : 0
							},
							1000,
							function() {
								$(".c-banner .banner ul li").eq(nexImg - 1)
										.css("display", "none");
							});
					$(".c-banner .jumpBtn ul li").css("background-color",
							"white");
					$(".c-banner .jumpBtn ul li[jumpImg=" + nexImg + "]").css(
							"background-color", "black");
				}

				//轮播图底下按钮
				//动态数据加载的试用应放在请求成功后执行该代码,否则按钮无法使用
				$(".c-banner .jumpBtn ul li").each(
						function() {
							//为每个按钮定义点击事件
							$(this).click(
									function() {
										clearInterval(time);
										$(".c-banner .jumpBtn ul li").css(
												"background-color", "white");
										jumpImg = $(this).attr("jumpImg");
										if (jumpImg != nexImg) {
											var after = $(
													".c-banner .banner ul li")
													.eq(jumpImg);
											var befor = $(
													".c-banner .banner ul li")
													.eq(nexImg);

											//将当前图片试用绝对定位,下一张图片试用相对定位
											$(".c-banner .banner ul img").eq(
													nexImg).css("position",
													"absolute");
											$(".c-banner .banner ul img").eq(
													jumpImg).css("position",
													"relative");

											after.css("display", "block");
											after.stop().animate({
												"opacity" : 1
											}, 1000);
											befor.stop().animate({
												"opacity" : 0
											}, 1000, function() {
												befor.css("display", "none");
											});
											nexImg = jumpImg;
										}
										$(this)
												.css("background-color",
														"black");
										time = setInterval(intervalImg, 3000);
									});
						});
			</script>
		</div>

		<div class="content_box">
			<div class="category_hr"></div>
			<div class="category">
				<div id="nav">
					<ul>
						<li><a href="../index.jsp"><font color="black">首页</font>
						</a></li>
						<li><a href="../courtintroduce/courtintroduce.jsp"> 法院介绍
						</a></li>
						<li><a href="../dwgz/dwgz.jsp"> 党建引领 </a></li>
						<li><a href="../newscenter/newcenter.jsp"> 新闻中心 </a></li>
						<li><a href="../sfgk/ggl.jsp"> 司法公开 </a></li>
						<li style="width: 140px;"><a href="../ssfwzx/yyla.jsp">
								诉讼服务中心 </a></li>
						<li><a href="../fywh/whzb.jsp"> 法院文化 </a></li>
						<li style="border-right: 0px"><a href="../zxhd/yzxx.jsp">
								在线互动 </a></li>

					</ul>
				</div>

				<div class="new_menu"></div>
				<div class="new_menu_title" style="height:800px;">
					<div class="new1">
						<div class="new_menu_title_word">
							<a href="whzb.jsp" style="font-size: 25px; color: white;">&nbsp;&nbsp;法院文化</a>
						</div>
					</div>
					<div class="new3">
						<a href="ctwhzb.jsp?category=whzb" style="font-size: 25px">
							<center>文化展板</center>
						</a>
					</div>
					<div class="new3">
						<a href="fxyd.jsp" style="font-size: 25px"><center>法学园地</center></a>
					</div>
					

					<%
						for (int i = 0; i < tplb3.size(); i++) {
					%>
					<div class="new4" id="#boxshadow">
						<a href="<%=tplb3.get(i).getLink()%>"> <img
							src="<%=tplb3.get(i).getPicture()%>">
						</a>
					</div>
					<%
						}
					%>

					<div class="tb">
						<a href="../zxhd/yzxx.jsp"><img src="../img/1.gif"></a>
					</div>
					<div class="tb">
						<a href="http://jubao.court.gov.cn/E7J"><img
							src="../img/2.gif"></a>
					</div>
				</div>
				<div
					style="width: 730px; height: 800px; float: right; margin-right: 15px;">
					<div
						style="width: 700px; height: 35px; border-bottom: 2px solid black; float: right; padding-top: 5px;">

						<div
							style="width: 75%; height: 100%; float: left; margin-bottom: 20px;">
							<a href="../index.jsp" style="font-size: 18px">首页</a> >><a
								href="whzb.jsp" style="font-size: 18px">法院文化</a>
						</div>
						<div class="new5">
							<div style="width: 100%; height: 30px; margin-top: 20px;">
								<span href="#" class="button"
									style="font-size: 25px; text-align: center;"><%=catelogBean1.getHtitlename()%></span>
							</div>
						</div>
						<div class="new7_1" style="margin-bottom: 15px;">
							<%
								for (int i = 0; i < catelogList.size(); i++) {
							%>
							<div class="new6">
								<div class="new19">
									<a
										href="ctwhzb.jsp?category=<%=catelogList.get(i).getCategory()%>"
										style="font-size: 25px"><%=catelogList.get(i).getTitlename()%></a>
								</div>
							</div>
							<%
								}
							%>

						</div>
						<div class="new5">
							<div style="width: 100%; height: 30px; margin-top: 20px;">
								<a href="fxyd.jsp" class="button">法学园地</a>

							</div>
						</div>
						<div class="new7">
							<%
								for (int i = 0; i < whzblist1.size(); i++) {
									//输出法院动态的前5条数据
									if (i > 4) {
										continue;
									}
							%>
							<div class="new6">
								<div class="new19">
									<a href="fxyd2.jsp?id=<%=newlist.get(i).getId()%>"
										style="font-size: 18px;"> <%=whzblist1.get(i).getTitle()%></a>
								</div>
								<div class="new21"><%=whzblist1.get(i).getTime()%></div>
							</div>
							<%
								}
							%>
						</div>
						
						
					</div>

				</div>

			</div>
		</div>




	</div>
	<div style="clear: both;"></div>
	<div class="tail_son">
		<div class="tail_line"></div>
		<div class="div22">
			<div class="tail_son_content">
				<div class="tail_son_picture">
					<a
						href="http://bszs.conac.cn/sitename?method=show&id=29975AEF1BAB5BBDE053012819AC83CC">
						<img src="../img\a1.jpg">
					</a>
				</div>
				<div class="tail_son_words">
					Copyright 2014 www.gzjkqfy.gov.cn All Rights Reserved<br>
					赣ICP备14009074号<br> 赣州经济技术开发区人民法院 主办<br> 电话：0797-8375993 <br>
					技术支持：深圳市易当家软件开发有限公司
				</div>
			</div>
		</div>
	</div>

</body>
</html>